<template>
  
  <div class="box-nav">
	 <img src="./assets/imgs/logo.png" alt="">
	  <router-link to="/">
		  <div class="icon"><i class="iconfont icon-configure"></i>仪表盘</div>
		  </router-link>
	 
		  <div class="icon">
	
		  <el-dropdown :hide-on-click="false">
		    <span class="el-dropdown-link">
				<i class="iconfont icon-changyong_shezhi"></i>
		      常用设置&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			  <i class="el-icon-arrow-down el-icon--right"></i>
		    </span>
		    <el-dropdown-menu slot="dropdown">
				<router-link to="/jiaoshiguanli"><el-dropdown-item>教师管理</el-dropdown-item></router-link>
				<router-link to="/xueshengguanli"><el-dropdown-item>学生管理</el-dropdown-item></router-link>
				<router-link to="/gonggaoguanli"><el-dropdown-item>公告管理</el-dropdown-item></router-link>
				<router-link to="/xitongpeizhi"><el-dropdown-item>系统配置</el-dropdown-item></router-link>
		    </el-dropdown-menu>
		  </el-dropdown>
		  </div>
		  <div class="icon">
		  <el-dropdown :hide-on-click="false">
		    <span class="el-dropdown-link">
		  				<i class="iconfont icon-wenti"></i>
		      问题&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			  <i class="el-icon-arrow-down el-icon--right"></i>
		    </span>
		    <el-dropdown-menu slot="dropdown">
				<router-link to="/timuliebiao"><el-dropdown-item>题目列表</el-dropdown-item></router-link>
				<router-link to="/zengjiatimu"><el-dropdown-item>增加题目</el-dropdown-item></router-link>
				<router-link to="/daorudaochutimu"><el-dropdown-item>导入导出题目</el-dropdown-item></router-link>
		    </el-dropdown-menu>
		  </el-dropdown>
		  </div>
		
		  <div class="icon">
			  <el-dropdown :hide-on-click="false">
			    <span class="el-dropdown-link">
			  				<i class="iconfont icon-bisai"></i>
			      比赛&练习&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
				  <i class="el-icon-arrow-down el-icon--right"></i>
			    </span>
			    <el-dropdown-menu slot="dropdown">
					<router-link to="/bisailiebiao"><el-dropdown-item>比赛列表</el-dropdown-item></router-link>
					<router-link to="/chuangjianbisai"><el-dropdown-item>创建比赛</el-dropdown-item></router-link>
			    </el-dropdown-menu>
			  </el-dropdown>
			  </div>
		
		  <div class="icon">
			  <el-dropdown :hide-on-click="false">
			    <span class="el-dropdown-link">
			  				<i class="iconfont icon-kecheng"></i>
			      课程&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
				  <i class="el-icon-arrow-down el-icon--right"></i>
			    </span>
			    <el-dropdown-menu slot="dropdown">
					<router-link to="/kechengliebiao"><el-dropdown-item>课程列表</el-dropdown-item></router-link>
					<router-link to="/chuangjiankecheng"><el-dropdown-item>创建课程</el-dropdown-item></router-link>
			      
			      
			    </el-dropdown-menu>
			  </el-dropdown>
			  </div>
		 
	
  </div>
   <div class="router-view1"><router-view/></div>
</template>

<style>
@import "./assets/imgs/iconfont.css";
@import url("//unpkg.com/element-ui@2.15.6/lib/theme-chalk/index.css");
@import url("//unpkg.com/element-plus/dist/index.css");

.router-view1{
	float: left;
	background-color: #f6f6f6;
}
.box-nav{
	height: 700px;
	width: 14%;
	float: left;
	margin-left: 15%;
	line-height: 60px;
}
.box-nav img{
	width: 120px;
	margin-top: 50px;
	margin-left: 50px;
	
}
.el-dropdown-link {
    cursor: pointer;
    color: #409EFF;
  }
  .el-icon-arrow-down {
    font-size: 12px;
  }
  .el-dropdown{
	  width: 100%;
  }
  
</style>

